@import "Base";
@import "login";
@import "charts";
#root{
  height: 100%;
  min-width: 1280px;
}
@headerHeight1: 96px;
@headerHeight2: 108px;
.ant-layout-page{
  padding-top: @headerHeight1+@headerHeight2;
  min-height: 100%;
  .header_menus_cons{
    position: fixed;
    height: @headerHeight1+@headerHeight2;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    line-height: inherit;
    background: rgba(6,25,44,.7399);

    .header-section{
      height: @headerHeight1;
      background-color: #001529;
      padding: 32px 52px 0;
      .Base_header_left{
        margin-right: 20px;
        span{
          font-size: 24px;
          color: #fff;
          padding-top: 7px;
          display: inline-block;
        }
      }
      .ant-menu-dark{
        border-bottom: none !important;
        .ant-menu-item{
          border-bottom: none;
          position: relative;
          &.ant-menu-item-active{
            background-color: @mainColor;
          }
          .sub-list{
            position: absolute;
            top: 82px;
            left: 0;
            width: 100%;
            a{
              font-size: 14px;
              display: block;
              line-height: 32px;
              height: 32px;
              text-align: center;
              &.active,&:hover{
                background-color: @mainColor;
              }
            }
          }
          a{
            font-size: 16px;
            color: #fff;
          }
        }
        .ant-menu-submenu{
          margin-top: -2px;
        }
      }
    }
    .header-section2{
      height: @headerHeight2;
    }
  }
  .ant-layout-content{
    min-height: 100%;
  }
}

.page-section{
  min-width: 1300px;
  margin: 0 auto;
  padding: 20px 0;
}